document.querySelector('#btn-register').addEventListener('click',()=>{
    axios({
        url:'/register',
        method:'post',
        data:{
            username:'itheima003',
            password:'123456'
        }
    })
})
/*用户注册
收集表单数据校验表单内容
提交表单数据
 */
document.querySelector('#btn-register').addEventListener('click',async ()=>{
    const form = document.querySelector('.register-form')
    const data = serialize(form , {hash:true,empty:true})
    const {username, password} = data
    //非空校验
    if(username.trim() === '' || password.trim() ===''){
        showToast('账号和密码不能为空')
        return//阻断代码
    }
    //长度校验
    if(username.length<8 || username.length>30 || password.length<6 || password.length>30){
        showToast('用户名的长度为8-30个字符，密码长度为6-30个字符')
        return
    }
    //提交
    try{
        const res = await axios.post('/register',{username, password})
        // console.log(res);
        showToast(res.message)
    }catch(error){
        // console.dir(error);
        showToast(error.response.data.message)
    }
    // axios简写方法
    //post是请求方法，参数1 请求的URL，参数2 提交的数据
   

})